<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>Title</title>
    <script src="../jquery/jquery-3.2.1.min.js"></script>
    <script src="../js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="../css/bootstrap.css">
</head>
<body>
        <div class="container">

            <h1 class="text-primary">text-primary文字</h1>
            <h1 class="text-danger">text-danger文字</h1>
            <h1 class="text-success">text-success文字</h1>
            <h1 class="text-info">text-info文字</h1>
            <h1 class="text-muted">text-muted文字</h1>
            <h1 class="text-warning">text-warning文字</h1>

            <h1 class="bg-primary">bg-primary文字</h1>
            <h1 class="bg-danger">bg-danger文字</h1>
            <h1 class="bg-success">bg-success文字</h1>
            <h1 class="bg-info">bg-info文字</h1>
            <h1 class="bg-muted">bg-muted文字</h1>
            <h1 class="bg-warning">bg-warning文字</h1>

            <div class="bg-success clearfix">
                <div class="pull-left bg-success">这是左边</div>
                <div class="pull-right bg-danger">这是右边</div>
            </div>

        </div>
</body>
</html>